🚧 This package is still under development check for update on Toddle discord
How to use it ?
To be able to use this package you need to import the Style component on every page where you are going to use the Nocode-UI components.

Components
Alert
nui-alert
by AburioAn alert is use to get user attention
Demo
The title is styled using nui-alert-title
The description is styled using nui-alert-content
With or without Icon
You can use the nui-alert as you want
You can also use it just as a container
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Badge
nui-badge
by Mark Green,AburioA badge to highlight a text or icon
Demo
Icon + Text inside span
text only
fix width badge !
default variant
secondary variant
outline variant
success variant
destructive variant
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Button
nui-button
by AburioA button to allow user interactions
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Label
nui-label
by AburioA label for form elements
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Input
nui-input
by AburioA input field for forms
Demo
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Style
nui-style
by AburioThe CSS mandatory to manage styles
Demo

Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents
Table
nui-table
by AburioA responsive table
Demo
Default variant
Username | Rating | ||
---|---|---|---|
Aburio | | ||
KB9 | | ||
JM-Aulas | | ||
Avr. 2.33 / 3 |
Rounded variant
Username | Rating | ||
---|---|---|---|
Aburio | | ||
KB9 | | ||
JM-Aulas | | ||
Avr. 2.33 / 3 |
Attributes
Events
No events
Slots
No slots
Subcomponents
No subcomponents